<template>
  <div>
    <CodeLight path="gantt/footer/footerData/Demo1">
      <template #tip>
        <vxe-tip status="primary">通过设置 <ApiLink name="gantt" prop="show-footer"/> 开启表尾和 <ApiLink name="gantt" prop="footer-data"/> 设置表尾数据，结构和 data 一致</vxe-tip>
        <vxe-tip status="success">参数 <ApiLink name="gantt" prop="footer-data"/> 和 <ApiLink name="gantt" prop="data"/> 一样都是响应式的</vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="gantt/footer/footerData/Demo2">
      <template #tip>
        <vxe-tip status="primary">多行表尾数据</vxe-tip>
      </template>
    </CodeLight>
  </div>
</template>
